@charset "utf-8";
/* CSS Document */
.footer-info{ margin-top: 0; padding-top: 15px;}

/*筛选*/
.classify-screen{ border: 1px solid #ececec; font-size: 12px; padding: 5px 20px 0; margin: 0 auto 15px;}
.classify-box { padding: 10px 0 5px;}
.classify-box-reg{ border: none;}
.classify-box .classify-name{ width: 100px; float: left; font-size: 14px; font-weight: 400; text-indent: 15px;}
.classify-box .classify-screen-con{ float: left; width: 1060px;}
.classify-box .classify-screen-con .classify-choose{ width: 1060px; float: left;}
.classify-box .classify-screen-con a { display: inline-block; color: #666; font-size: 12px; width: 100px; height: 20px; line-height: 20px; margin-bottom: 5px; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.classify-box .classify-screen-con a:hover { text-decoration: none;}
.classify-box .classify-screen-con a span { padding: 3px 10px;}
.classify-box .classify-screen-con a:hover span { color: #ffffff; background: #FA4862;}
.classify-box .classify-screen-con a.selected span { color: #ffffff; background: #FA4862;}

/*排序*/
#filter { border: 1px solid #EEE; background: #FFF; margin-bottom: 15px;}
#filter .fore1 { background: #F9F9F9; height: 38px; line-height: 38px; overflow: hidden;}
#filter .fore1 dl{ float: left; height: 38px; margin-right: 20px;}
#filter .fore1 dt, #filter .fore1 dd{ float: left;}
#filter .order a { display: block; height: 38px; padding: 0 18px; border-left: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; margin-left: -1px;}
#filter .order .first a, #filter .order .curr.first a { margin-left: 0; border-left: 0;}
#filter .order .curr a, #filter .order a:hover { position: relative; background: #FFF; border-color: #eee; color: #FA4862;}
#filter .order i { position: relative; top: 2px; right: -1px;}
#filter .fore1 dl.shop-name{ margin-right: 10px;}
#filter .shop-name input{ width: 150px; line-height: 25px; height: 25px; padding: 0px 5px; border-radius: 2px; border: 1px solid #ddd; background: #fff; vertical-align: middle; margin:5px 0px;}
#filter .search input.btn{ line-height: 25px; height: 25px; padding: 0px; min-width: 60px; vertical-align: middle; margin:5px 0px; background: #FA4862; color: #fff; border: none;}

/*列表形式*/
.main { width: 1210px; margin: 0 auto;}
.live-list{ width: 1227px; display: inline-block;}
.live-list li { float: left; width: 390px; height: 245px; border: 1px solid #ececec; position: relative; cursor: pointer; margin-right: 17px; margin-bottom: 15px; overflow: hidden;}
.live-list li a { height: 100%; width: 100%; display: block; text-decoration: none; position: relative; z-index: 8; cursor: pointer;}
.live-list li a:hover { text-decoration: none;}
.live-list .shop-info { width: 350px; height: 35px; padding: 5px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.live-list .shop-info .shop-logo{ width: 70px; height: 35px; margin-right: 20px; float: left;}
.live-list .shop-info .shop-logo img{ width: 70px; height: 35px;}
.live-list .shop-info .shop-name { width: auto; max-width: 180px; font-size: 14px; height: 35px; line-height: 35px; color: #666; margin-right: 20px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.live-list .shop-info .shop-region { height: 35px; line-height: 35px; color: #999; float: right;}

.live-list .live-info { position: relative; width: 390px; height: 200px; overflow: hidden; margin: 0 auto; cursor: pointer;}
.live-list .live-info .live-img { vertical-align: top; width: 390px; height: 200px;}
.live-list .live-info .live-num{ position: absolute; top: 0; left: 0; width: 350px; height: 15px; line-height: 15px; padding: 10px 20px;}
.live-list .live-info .live-num .live-tip{ padding: 2px 10px; background: #FA4862; color: #fff; border-radius: 10px; margin-right: 5px;}
.live-list .live-info .live-num .live-tip i{ width: 4px; height: 4px; border-radius: 2px; background: #fff; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 3px;}
.live-list .live-info .live-num .online-num{ padding: 2px 12px; background: #000; opacity: .5; color: #fff; border-radius: 10px;}

.live-list .live-info .live-title{ position: absolute; bottom: 0; left: 0; background: #fff; opacity: .5; color: #000; width: 350px; height: 15px; line-height: 15px; padding: 10px 20px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.live-list li a .live-mask{ width: 390px; height: 245px; position: absolute; top: 0; left: 0; z-index: 9; display: none;}
.live-list li a .live-mask .mask-bg{ width: 390px; height: 245px; background: #000; opacity: .5; position: absolute; }
.live-list li a .live-mask .mask-info{ text-align: center; margin-top: 60px; position: relative;}
.live-list li a .live-mask .mask-info p{ line-height: 40px; font-size: 14px; color: #fff;}
.live-list li a .live-mask .mask-info img{ width: 100px; height: 100px;}

.live-list li:hover{ border-color: #FA4862;}
.live-list li:hover a .live-mask{ display: block;}

/*没有信息内容时显示*/
.tip-box { width: 300px; height: 300px; text-align: center; margin: 80px auto 0px;}
.tip-box .tip-icon { display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.tip-box .tip-text { line-height: 20px; padding: 10px; font-size: 14px;}
